<template>
  <div class="HomeTag">
    <Icon :custom="custom" size="30" :color="color"></Icon>{{ content }}
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    custom: { required: true },
    content: { required: true },
    color: { required: true }
  }
}
</script>
<style lang="scss">
.HomeTag i {
  margin-right: 10px;
}
.HomeTag {
  color: white;
  font-family: $baseFont;
  opacity: $HomeTagOpac;
  transition: 1s;
  margin-right: 30px;
  font-size: 16px;
}
.HomeTag:hover {
  opacity: 1;
  cursor: pointer;
}
</style>
